<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
    <link rel="shortcut icon" href="media/FreedomComposeLogo.ico">
    <style type="text/css">
        @import "css/bootstrap-css/bootstrap.min.css";
        @import "css/login.css";
    </style>
    <script src="js/bootstrap-js/jquery.min.js"></script>
    <script src="js/bootstrap-js/bootstrap.min.js"></script>
</head>
<body>


<%--<form  action="LoginServlet" method="post">--%>
<%--用户名：<input type="text" name="name"><br>--%>
<%--密码：<input class="form-control" type="password" name="password"><br>--%>
<%--<input type="submit" value="登录" class="btn btn-primary loginBtn"/>--%>
<%--</form>--%>
<div style="background-color: #30b0f8">
    <img style="position: absolute;left: 10%;top: 25%" src="media/background.png">
    <div class="loginEnterFrame" >

        <div class="loginLogo">
            <img src="media/blank.png" class="img-fluid" alt="">
            <div class="loginWhiteFrame">
                <p class="用户登录字体">用户登录</p>
                <div class="grayFrame">

                </div>
                <form action="LoginServlet" method="post">
                    <div class="loginText">
                        <label>
                            <input  type="text"  class="form-control loginUser userIcon" placeholder="请输入用户名"
                                    name="name"
                            >
                        </label>
                        <div class="loginPsd">
                            <input  style="  height: 50px;" type="text" class="form-control  psdIcon" placeholder="请输入密码"
                                    name="password"
                            >
                        </div>

                        <input type="submit" class="btn btn-primary loginBtn" value="登录">

                    </div>
                </form>


            </div>
        </div>
    </div>



</div>

</body>
</html>